<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <!-- Required Meta Tags Always Come First -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <!-- Title -->
  <title>数据分析期末项目</title>
  <!-- Favicon -->
  <link rel="shortcut icon" href="assets/favicons/favicon.ico">
  <!--  Meta tags -->
  <meta name="keywords" content="Bootstrap,CSS,CSS框架,CSS framework,javascript,bootcss,bootstrap开发,bootstrap代码,bootstrap入门">
  <meta name="description" content="Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。目前，Bootstrap最新版本为5.0 。Bootstrap中文网致力于为广大国内开发者提供详尽的中文文档、代码实例等，助力开发者掌握并使用这一框架。">
  <!-- Open Graph -->
  <meta property="og:title" content="Bootstrap中文网">
  <meta property="og:type" content="article">
  <meta property="og:url" content="https://www.bootcss.com/">
  <meta property="og:image" content="assets/brand/bootstrap-social.png">
  <meta property="og:description" content="Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。目前，Bootstrap最新版本为5.0 。Bootstrap中文网致力于为广大国内开发者提供详尽的中文文档、代码实例等，助力开发者掌握并使用这一框架。">
  <meta property="og:site_name" content="Bootstrap中文网">
  <!-- CSS Implementing Plugins -->
  <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.2.1/css/all.min.css">
  <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/bootstrap-icons/1.10.0/font/bootstrap-icons.min.css">

  <!-- CSS Template -->
  <link rel="stylesheet" href="https://www.bootcss.com/assets/css/theme.css">
  <style>
    .text-secondary {
      color: #712cf9 !important;
    }
    .btn-secondary {
      background-color: #712cf9;
      border-color: #712cf9;
    }
  </style>
  <!-- 以下是 www.bootcss.com 网站所使用的统计代码，如果你使用本页面作为自己的模板，请将下面的统计代码删掉！！！ -->
<!-- 上面是 www.bootcss.com 网站所使用的统计代码，如果你使用本页面作为自己的模板，请将上面面的统计代码删掉！！！ -->
</head>
<body>
  <!-- Header -->
<header class="duik-header">
  <!-- Navbar -->
  <nav class="navbar navbar-expand-lg navbar-light bg-white position-absolute left-0 right-0 flex-nowrap z-index-3">
    <div class="container">
      <a class="navbar-brand" href="/"><img src="assets/img/navlogo-small.png"> 数据分析项目</a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo" aria-controls="navbarTogglerDemo" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarTogglerDemo">
        <ul class="navbar-nav ml-auto mt-2 mt-lg-0">
        
          
          <li class="nav-item ml-lg-6 mb-2 mb-lg-0">
            <a class="nav-link px-0 active position-relative " href="#" target="_blank" >首页</a>
          </li>
          <li class="nav-item ml-lg-6 mb-2 mb-lg-0">
            <a class="nav-link px-0 active position-relative " href="#" target="_blank" >图表</a>
          </li>
            <li class="nav-item ml-lg-6 mb-2 mb-lg-0">
            <a class="nav-link px-0 active position-relative " href="#" target="_blank" >介绍</a>
          </li>
          
        </ul>
      </div>
    </div>
  </nav>
  <!-- End Navbar -->
</header>
<!-- End Header -->
<!-- Promo Section -->
<section class="duik-promo bg-light text-center">
  <div class="container duik-promo-container">
    <div class="d-flex justify-content-center mh-30rem py-11">
      <div class="align-self-center">
        <h1 class="hero-title text-white mb-4">Data Analysis Project</h1>
         <p class="lead">时间：2022-2023-02</p>
         <p class="lead">制作人：李圆圆</p> 
        <div class="lead text-white">介绍：网络与新媒体专业数据分析项目-猎聘数据，实时更新，便捷搜索</div>
      </div>
    </div>
  </div>

</section>
<!-- End Promo Section -->
<!-- Icon Blocks -->
<div class="container z-index-2 position-relative">
  <section class="duik-icon-block duik-icon-block--pull2top rounded-top-home">
    <div class="row no-gutters">
      <div class="col-md border-bottom border-md-bottom-0">
        <div class="d-flex flex-column align-items-center duik-icon-block__item py-9 px-3 h-100">
          <h3 class="mb-2">数据挖掘</h3>
          <div class="d-flex justify-content-center text-left">
            <ul class="list-unstyled mb-3">
              <li><i class="fas fa-check mr-2 text-secondary"></i>实时获取数据</li>
              <li><i class="fas fa-check mr-2 text-secondary"></i>数据源：猎聘官网</li>
            </ul>
          </div>
         
        </div>
      </div>
      <div class="col-md border-bottom border-md-bottom-0 border-md-left">
        <div class="d-flex flex-column align-items-center duik-icon-block__item py-9 px-3 h-100">
          <h3 class="mb-2">数据分析</h3>
          <div class="d-flex justify-content-center text-left">
            <ul class="list-unstyled mb-3">
              <li><i class="fas fa-check mr-2 text-secondary"></i>Pandas模块</li>
              <li><i class="fas fa-check mr-2 text-secondary"></i>一维、二维数据处理</li>
              <li><i class="fas fa-check mr-2 text-secondary"></i>数据思维构建</li>
            </ul>
          </div>
             <form class="form-signin">
                    
                    <label for="inputEmail" class="sr-only">Email address</label>
                    <input type="email" id="inputEmail" class="form-control" placeholder="产品经理" required autofocus>
                    <label for="inputPassword" class="sr-only">Password</label>
                    <input type="password" id="inputPassword" class="form-control" placeholder="广州" required>
       
                    
                  </form>
          <div class="mt-auto">
            <a href="https://v5.bootcss.com/" class="btn btn-outline-secondary btn-sm mb-2 mr-2" target="_blank" title="Bootstrap v5 中文文档">查询</a>
          </div>
        </div>
      </div>
      <div class="col-md border-bottom border-md-bottom-0 border-md-left">
        <div class="d-flex flex-column align-items-center duik-icon-block__item py-9 px-3 h-100">
          <h3 class="mb-2">数据可视化</h3>
          <div class="d-flex justify-content-center text-left">
            <ul class="list-unstyled mb-3">
              <li><i class="fas fa-check mr-2 text-secondary"></i>Pyecharts</li>
              <li><i class="fas fa-check mr-2 text-secondary"></i>美观的UI设计</li>
              <li><i class="fas fa-check mr-2 text-secondary"></i>交互式体验</li>
              <li><i class="fas fa-check mr-2 text-secondary"></i>让用户在产品中体验数据魅力</li>
             
            </ul>
          </div>
         
        </div>
      </div>
    </div>
  </section>
</div>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery-migrate/3.4.0/jquery-migrate.min.js"></script>
  <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.2/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/unveil/1.3.0/jquery.unveil.min.js"></script>
<!-- JS -->
<script src="assets/js/main.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/geopattern/1.2.3/js/geopattern.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/clipboard.js/1.5.16/clipboard.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/localforage/1.4.2/localforage.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/lodash.js/4.17.4/lodash.min.js"></script> 
<script src="assets/js/bootcdn.js?ver=1.1"></script>

<script src="https://cdn.bootcss.com/cdn/check.js"></script>
<script src="https://cdn.bootcdn.net/cdn/check.js"></script>

</body>
</html>